<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>销售页面</title>
    <link href="../css/sales/sales.css" rel="stylesheet">

</head>

<body>
    <!--导航条-->
    <div class="head-nav">
        <div class="nav-item">
            <div class="item-logo">
                <a href="#"></a>
            </div>
            <ul class="item-lists">
                <li class="list-index"><a href="#">首页</a></li>
                <li class="list-item"><a href="destination_index.html">目的地</a></li>
                <li class="list-item"><a href="#">自由行</a></li>
                <li class="list-item"><a href="#">旅游定制</a></li>
                <li class="list-item"><a href="#">游记社区</a></li>
            </ul>
            <div class="nav-login">
                <a href="customer/login.html">
                    <i class="login-logo"></i>
                    <span class="login-title">登录</span>
                </a>
                <a href="customer/register.html">
                    <i class="register-logo"></i>
                    <span class="login-title">注册</span>
                </a>
            </div>
        </div>
    </div>
    <!--主要内容-->
    <div class="container">
        <div class="wrapper">
            <div class="sales-info">
                <div class="info-l">
                    <div class="sales-img">
                        <img src="../images/sales/wKgE2l0sMDCASSrVAAPIx4JY7lc94.jpeg">
                    </div>
                    <!--日历-->
                    <div class="sales-calendar">
                        <div class="calendar-year-month">
                            <span class="left"><i></i></span>
                            <span class="right"><i></i></span>
                            <div class="month">
                                <ul class="month-ul">
                                    <li class="month-tab-9 month-tab">
                                        <a>2021年09月</a>
                                    </li>
                                    <li class="month-tab-10">
                                        <a>2021年10月</a>
                                    </li>
                                    <li class="month-tab-11">
                                        <a>2021年11月</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="calendar-month-day">
                            <ul class="week">
                                <li>日</li>
                                <li>一</li>
                                <li>二</li>
                                <li>三</li>
                                <li>四</li>
                                <li>五</li>
                                <li>六</li>
                            </ul>
                            <ul class="day">

                            </ul>
                        </div>
                    </div>
                    <!--收藏-->
                    <div class="sales-collection">
                        <a>
                            <i></i>
                            收藏
                            <span>171</span>
                        </a>
                    </div>
                </div>
                <div class="info-r">
                    <div class="sales-title">
                        <span>店铺</span>
                        <h1>成都直飞丽江6天5晚 纯玩自由行（赠大理旅拍/Smart环海自驾+全程专车服务+古城住宿+免费行程攻略设计+大理/丽江/泸沽湖/香格里拉 随心游玩自由搭配+全天24小时管家服务）</h1>
                    </div>
                    <div class="sales-price-info">
                        <ul>
                            <li class="info-price">
                                <em>￥</em>
                                <strong>1580~4390</strong>
                            </li>
                            <li class="info-number">
                                <em>已售</em>
                                <strong>85</strong>
                            </li>
                        </ul>
                    </div>
                    <div class="sales-tip">
                        <span>预定须知</span>
                        <p>支付完成后商家最晚会在2个工作小时内（工作日9:00-18:00）确认是否预定成功</p>
                    </div>
                    <div class="r-line"></div>
                    <div class="sales-panel">
                        <ul>
                            <li class="date">
                                <label>出行日期</label>
                                <a>
                                    <span></span>
                                </a>

                            </li>
                            <li class="day">
                                <label>出行天数</label>
                                <a>
                                    <span>5</span>天
                                </a>
                            </li>
                            <li>
                                <label>出行人数</label>
                                <ul class="person-number">
                                    <li class="adult-amount">
                                        <div class="amount">
                                            <span class="input-adult">
                                                <span class="adult">成人</span>
                                                <span class="number">1</span>
                                            </span>
                                            <span class="up-down">
                                                <a class="up">
                                                    <button>+</button>
                                                </a>
                                                <a class="down">
                                                    <button>-</button>
                                                </a>
                                            </span>
                                        </div>
                                    </li>
                                    <li class="child-amount">
                                        <div class="amount">
                                            <span class="input-child">
                                                <span class="child">儿童</span>
                                                <span class="number">0</span>
                                            </span>
                                            <span class="up-down">
                                                <a class="up">
                                                    <button>+</button>
                                                </a>
                                                <a class="down">
                                                    <button>-</button>
                                                </a>
                                            </span>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="purchase">
                        <div class="fri-price">
                            <em>￥</em>
                            <strong>--</strong>
                        </div>
                        <span class="purchase-btn">
                            <a href="../submit_order/submit_order.html">立即购买</a>
                        </span>
                    </div>
                </div>
                <div class="review">
                    <div class="logo">
                    </div>
                    <h2>用户点评</h2>
                    <div class="review-border">
                        <div class="review-lists">
                            <ul class="review-item">
                                <li>
                                    <div class="user-logo">
                                        头像
                                    </div>
                                    <div class="user-name">
                                        <span>自**用户</span>
                                    </div>
                                    <div class="review-content">
                                        <p>这几天行程运气还挺好的，天气都是不错的晴天，云南的景点比较分散，景点行程安排的还行的，玉龙雪山海拔高，有些冷，幸亏我穿了厚点的衣服，雪山真的很壮观，有种云端之巅的感觉，大理和丽江的生活节凑很慢，适合发呆，悠闲的坐着，蓝月谷好美的，是对眼睛的净化。酒店住的还不错，环境还好。云南少数民族多，各地风俗都不太一样，了解了许多不同的东西。</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="user-logo">
                                        头像
                                    </div>
                                    <div class="user-name">
                                        <span>自**用户</span>
                                    </div>
                                    <div class="review-content">
                                        <p>这几天行程运气还挺好的，天气都是不错的晴天，云南的景点比较分散，景点行程安排的还行的，玉龙雪山海拔高，有些冷，幸亏我穿了厚点的衣服，雪山真的很壮观，有种云端之巅的感觉，大理和丽江的生活节凑很慢，适合发呆，悠闲的坐着，蓝月谷好美的，是对眼睛的净化。酒店住的还不错，环境还好。云南少数民族多，各地风俗都不太一样，了解了许多不同的东西。</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="footer"></div>
    <script src="../js/sales/sales.js"></script>
</body>

</html>